<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="assets/css/ace.min.css" />
  <link rel="stylesheet" href="css/style.css"/>
<title>订单信息</title>
<script src="assets/js/jquery.min.js"></script>
    <!-- <![endif]-->
    <!--[if IE]>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<![endif]-->
    <!--[if !IE]> -->
<script type="text/javascript">
	window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
</script>
<script src="assets/layer/layer.js"  type="text/javascript"></script>
 <script type="text/javascript" src="js/vue.min.js"></script>
</head>

<body>
<div id="app">
 <div class="page-content">
  <div class="Order_Details_style">
  <div class="Numbering">2015年项目:<b>{{zObj.o_number}}</b></div>
  <div>
   <ul class="clearfix">
    <li><label class="label_name">加油地点</label><span>{{zObj.place}}</span></li>
    <li><label class="label_name">预计加油时间</label><span>{{zObj.prime_date}}</span></li>
    <li><label class="label_name">船名</label><span>{{zObj.boat_name}}</span></li>
    <li><label class="label_name">船只联系人</label><span>刘怀帮</span></li>
    <li><label class="label_name">船只联系手机号</label><span>13505140602</span></li>
   </ul>
  </div>
   <div class="xi_xinxi_js">
     <table id="" class="table table-striped table-bordered table-hover">
      <thead>
       <tr>
        <th>供应商名称</th>
        <th>联系人</th>
        <th>联系人手机</th>
        <th>联系人邮箱</th>
        <th>产品名称</th>
        <th width="100">供应商报价（元/吨）</th>
        <th width="80">采购数量（元）</th>
        <th width="80">合计（元）</th>
        <th>备注</th>
        <th>合同附件</th>
       </tr>
      </thead>
     <tbody>
      <tr>
       <td>{{zObj.supplier}}</td>
       <td>刘怀帮</td>
       <td>14542345434</td>
       <td>53456@qq.com</td>
       <td class="fg"><p class="fg-1" v-for="i in zObj.breed">{{i}}</p>
       <td class="fg"><p class="fg-1" v-for="i in zObj.price">{{i}}</p>
       <td class="fg"><p class="fg-1" v-for="i in zObj.purchase_quantity">{{i}}</p><
       <td>{{zObj.total}}</td>
       <td>货到付款</td>
       <td><button type="button" class="btn btn-info annex_btn">浏览</button></td>
      </tr>
     </tbody>
     </table>
   </div>
   <div class="">订单要求：请供应商及时响应订单，并在订单要求的内容及时供货。</div>
  </div>
 </div>
</div>

<script>
   new Vue({
    el:"#app",
    data:{
     //数据对象
     zObj:{}
    },
    mounted(){
     let iString=localStorage.getItem("data");
     this.zObj=JSON.parse(iString);
    }
   })
</script>
</body>
</html>
